<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/list.css">

    <style>
        
        
    </style>
</head>

<body>
    <div class="head">
        <div class="w">
            <div class="logo"></div>
            <div class="pos">
                郑州
                <img src="img/bd.png" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item ">
                    <a href="index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a href="">电影</a>
                </li>
                <li class="nav-item">
                    <a href="">影院</a>
                </li>
                <li class="nav-item">
                    <a href="">演出</a>
                </li>
                <li class="nav-item act">
                    <a href="list.html">榜单</a>
                </li>
                <li class="nav-item">
                    <a href="">热点</a>
                </li>
                <li class="nav-item">
                    <a href="">商城</a>
                </li>
            </ul>
            <div class="user">
                <a href="mine.html" class="avatar"></a>
                <img src="img/bd.png" alt="">
                <ul class="mine-list">
                    <li>我的订单</li>
                    <li>我的信息</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="找影视剧；影人；影院">
                <div class="icon"></div>
            </div>
        </div>
    </div>
    <div class="top-bar">
        <div class="w">
            <div class="tab-list">
                <div class="tab-item">正在上映</div>
                <div class="tab-item">即将上映</div>
                <div class="tab-item">top250</div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="w">
            <div class="tip">
                <!-- <p>2021年-12-14 已更新</p> -->
                <p>榜单规则：将昨日国内热映的影片，按照评分从高到低列取前10名，每天上午10点更新。相关数据来源于“虫虫影视库”</p>
            </div>
            <ul class="list">
                <li class="item">
                    <a href="movie-detail.html?mId">
                        <div class="num">1</div>
                        <div class="cover">
                            <img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2567198874.webp" alt="">
                        </div>
                        <div class="info">
                            <div class="title">放牛班的春天</div>
                            <p class="actor">主演: </p>
                            <p class="time">上映时间</p>
                            <div class="rate">
                                9.<span>6</span>
                            </div>
                        </div>

                    </a>
                </li>
            </ul>
            <div class="page clearfix">
                <span class="num">1</span>
                <span class="num">2</span>
                <span class="num">3</span>
                <span class="num">4</span>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="foot">
        <div class="w">

            <p>关于虫虫 : 关于我们 管理团队 投资者关系 友情链接 : 美团网 格瓦拉 美团下载 欢喜首映</p>
            <p>商务合作邮箱：v@chongchong.com 客服电话：10665335 违法和不良信息/涉未成年人有害信息举报电话：4003456018900</p>
            <p>用户举报/涉未成年人有害信息举报邮箱：chongchong@.com 舞弊线索举报邮箱：wubijubao@comhcomg.com</p>
            <p>中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号</p>
            <p>广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号</p>
            <p>艺术品经营单位备案证明 京东艺（2022）0095号 </p>
        </div>
    </div>



    <script src="js/jquery.min.js"></script>

    <script>
        // 获取榜单类型????
        // 0:正在上映
        // 1:即将上映
        // 2:top250
        var path = ['in_theaters', 'coming_soon', 'top250']
        var type = location.search.slice(1).split("=")[1] || 0;
        $('.tab-item').eq(type).addClass('act');
       
        // 发送请求,初始化榜单
       

        // tab的点击事件
       

        // 分页的点击事件 (事件委托)
       




        // 封装函数,根据请求接口,获取相应数据并渲染页面
        // url ,start, limit
        

    </script>
</body>

</html>